<html  lang="en"  xmlns:th="http://www.thymeleaf.org" >
<!--角色管理页面-->
<head th:include="frame/fm/res :: headerTableCss">
    <meta charset="UTF-8" />
</head>
<head th:include="frame/fm/res :: ztree"/>
<head>
    <script th:inline="JavaScript">
        var ps = [[${parms}]];
    </script>
</head>
<body>
<!--角色管理列表页-->
<div class="page-wrapper">
    <div>
        <span th:replace="frame/fm/res :: breadcrumb"></span>
        <div class="pills-struct">
            <ul role="tablist" class="nav nav-pills" id="myTabs_9">
                <li class="active" role="presentation">
                    <a aria-expanded="true" data-toggle="tab" role="tab" id="home_tab_9" href="#home_9">
                        <i class="zmdi zmdi-account-user"></i>
                    </a>
                </li>
                <li role="presentation" class="">
                    <a data-toggle="tab" id="profile_tab_9" role="tab" href="#profile_9" aria-expanded="false">
                        <i class="icon-layers-cd"></i>
                    </a></li>
            </ul>
            <div class="tab-content" id="myTabContent_9">
                <div id="home_9" class="tab-pane fade active in" role="tabpanel">
                    <div class="row" style="margin-right: 0px;">
                        <div class="col-sm-12">
                            <div class="panel panel-default card-view">
                                <div id="toolbarOp" class="row">
                                    <div class="col-md-6" style="width: auto;">
                                        <button class="btn btn-primary btn-icon-anim btn-square btn-sm" onclick="roleOperation.showAddMemberPage()" style=" width: 80px;">
                                            <i class="icon-plus-add"></i>
                                        </button>
                                    </div>
                                    <div class="col-md-6" style="width: auto;">
                                        <input type="text" name="example-input1-group2" class="form-control" placeholder="按照用户名搜索" id="selectText" style="height: 38px;width: 200px;display: inline-block;"/>
                                        <button class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 80px;margin-left: 20px;" title="搜索" onclick="roleOperation.queryRoleByName()">
                                            <i class="zmdi zmdi-search-sch"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="panel-wrapper collapse in">
                                    <div class="panel-body">
                                        <div class="table-wrap">
                                            <table id="tableRoleList"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="profile_9" class="tab-pane fade" role="tabpanel">
                    <div class="row" style="margin-right: 0px;">
                        <div class="col-sm-12">
                            <div class="panel panel-default card-view">
                                <div style="margin-top: 20px;margin-left: -300;">
                                    <button id="addParent" onclick="meneOption.addCommitRoleMenu()" class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 80px;" >
                                        <i class="icon-heart-com"></i>
                                    </button>
                                </div>
                                <div class="zTreeDemoBackground tree-node">
                                    <ul id="treeRoleList" class="ztree"></ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<span th:include="frame/fm/res :: headerTableJs"></span>

</body>
<script type="text/javascript" th:src="${application.staticUrl}+'base/role/js/roleOperation.js'"></script>
</html>